<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <link rel="stylesheet" href="./css/cq-tags.css">
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script src="./lib/layui/layui.all.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/axios.min.js"></script>
        <script src="./js/cq-ajaxbase.js"></script>
        <script src="./js/cq-tags.js"></script>
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
          <div class="layui-panel">

            <!-- 分类名称搜索重置 -->
            <form class="layui-form search" action="" id="sousuo">
              <div class="layui-form-item">
                <label class="layui-form-label">标签名称</label>
                <div class="layui-input-block">
                  <input type="text" name="title" required lay-verify="required" placeholder="请输入标签名称" autocomplete="off"
                    class="layui-input" id="tags">
                </div>
              </div>
      
              <div class="layui-form-item">
                <div class="layui-input-block btns">
                  <button class="layui-btn submit" lay-submit lay-filter="formDemo">
                    <i class="layui-icon layui-icon-search"></i>
                    搜索
                  </button>
                  <button type="reset" class="layui-btn layui-btn-primary reset">
                    <i class="layui-icon layui-icon-refresh"></i>
                    重置
                  </button>
                </div>
              </div>
            </form>
      
            <!-- 新增和导出按钮一行部分 -->
            <div class=" list">
              <!-- 左边新增和导出 -->
              <div class="left">
                <button class="add" id="add_cate">
                  <i class="layui-icon  layui-icon-add-1"></i>
                  新增
                </button>
                <button class="exprot">
                  <i class="layui-icon  layui-icon-print"></i>
                  导出
                </button>
              </div>
              <!-- 右边三个小图标 -->
              <ul class="right">
                <li id="close">
                  <i class="layui-icon layui-icon-up"></i>
                </li>
                <li style="display: none;" id="open">
                  <i class="layui-icon layui-icon-down"></i>
                </li>
                <li id="refresh">
                  <i class="layui-icon layui-icon-refresh"></i>
                </li>
                <li id="filter">
                  <i class="layui-icon layui-icon-app"></i>
                </li>
              </ul>
            </div>
      
            <!-- 数据表单部分 -->
            <table class="layui-table">
              <colgroup>
                <col width="40" />
                <col />
                <col />
                <col width="300" />
              </colgroup>
              <thead>
                <tr>
                  <th>#</th>
                  <th>ID</th>
                  <th>标签名称</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>

                <!-- <tr>
                    <th>#</th>
                    <th>ID</th>
                    <th>标签名称</th>
                    <th>操作</th>
                    <td>
                      <ul class="right handler">
                        <li class="change">
                          <i class="layui-icon layui-icon-edit"></i>
                        </li>
                        <li class="del">
                          <i class="layui-icon layui-icon-delete"></i>
                        </li>
                      </ul>
                    </td>
                  </tr> -->
                  
              </tbody>
            </table>
      
            <!-- 分页部分 -->
            <div id="page"></div>
          </div>
        </div> 
        <script>
          layui.use('form', function () {
            var form = layui.form;
            //各种基于事件的操作，下面会有进一步介绍
          });
        </script>
    </body>
    <script>
    </script>
</html>